<html>
    <head>
        <style type='text/css'>
            body {
                font-family: Verdana;
                font-size: 12px;
            }
            
            table {
                font-family: Verdana;
                font-size: 12px;
            }
            
            fieldset {
                width: 500px;
                margin: 100 auto;
            }
        </style>
        
        <script language='javascript'>
        function init_values() {
            moonstone = document.getElementById( 'moonstone');

            if( localStorage["moonstone"] == "true") {
                moonstone.checked = true;
            } else {
                moonstone.checked = false;
            }
        }

        function value_change( element) {

            if( element.type == 'checkbox') {
                localStorage[ element.id] = element.checked;
            }
        }
        </script>
    </head>
    <body onload="init_values();">
        <fieldset>
            <legend>Lord of Ultima Shortcuts Options:</legend>
            
            <table border=0>
            <tr>
                <td>Buy moonstones without moonstone tower selected:</td>
                <td><input id="moonstone" type="checkbox"
                           onchange="value_change( this);"/></td>
            </tr>
            </table>
        </fieldset>       
    </body>
</html>